$(function () {
    function banner_operate(banner_id=null){
        $('#save-btn').on('click',function () {
            var dialog = $('#banner-dialog');
            var img_name = $('input[name="img_name"]').val();
            var img_url = $('input[name="img_url"]').val();
            var link_url = $('input[name="link_url"]').val();
            var priority = $('input[name="priority"]').val();
            var url = '/cms/edit_banner/';
            if (!banner_id) {
                if (!img_name) {
                    junealert.alertErrorToast('请输入图片名称')
                } else if (!img_url) {
                    junealert.alertErrorToast('请输入图片地址')
                } else if (!link_url) {
                    junealert.alertErrorToast('请输入跳转链接')
                } else if (!priority) {
                    junealert.alertErrorToast('请输入图片优先级')
                }
                url = '/cms/add_banner/'
            }

            juneajax.post({
                'url': url,
                'data': {
                    'img_name': img_name,
                    'img_url': img_url,
                    'link_url': link_url,
                    'priority': priority,
                    'banner_id': banner_id
                },
                'success': function (data) {
                    if (data['code'] == 200) {
                        // 隐藏模态对话框
                        dialog.modal('hide');
                        window.location.reload()
                    } else {
                        junealert.alertErrorToast(data['message'])
                    }
                },
                'fail': function (error) {
                    junealert.alertNetworkError()
                }
            })
        })
    }
    // 添加轮播图
    $('#add-banner').on('click', function () {
        banner_operate()
    });

    // 编辑轮播图
    $('body').on('click', '#edit-banner-btn',function () {
        var dialog = $('#banner-dialog');
        var img_name_input = dialog.find('input[name="img_name"]');
        var img_url_input = dialog.find('input[name="img_url"]');
        var link_url_input = dialog.find('input[name="link_url"]');
        var priority_input = dialog.find('input[name="priority"]');
        var parent_tr = $(this).parent().parent();
        img_name_input.val(parent_tr.attr('data-img-name'));
        img_url_input.val(parent_tr.attr('data-img-url'));
        link_url_input.val(parent_tr.attr('data-link-url'));
        priority_input.val(parent_tr.attr('data-priority'));
        dialog.modal('show');
        banner_operate(parent_tr.attr('data-banner-id'))
    });

    // 删除轮播图
    $('body').on('click', '#delete-banner-btn', function () {
        var banner_id = $(this).parent().parent().attr('data-banner-id');
        junealert.alertConfirm({
            'title': '确定删除轮播图？',
            'confirmCallback': function () {
                juneajax.post({
                    'url': '/cms/delete_banner/',
                    'data': {
                        'banner_id': banner_id
                    },
                    'success': function (data) {
                        if (data['code']==200) {
                            window.location.reload()
                        }else{
                            junealert.alertErrorToast(data['message'])
                        }
                    },
                    'fail': function (error) {
                        junealert.alertNetworkError()
                    }
                })
            }
        })
    });

    // 使用七牛云上传轮播图
    juneqiniu.setUp({
        'domain': 'http://media.junpy.club/',
        'browse_btn': 'upload-btn',
        'uptoken_url': '/common/uptoken/',
        'success': function (up,file,info) {
            // 获取文件上传后的url链接，并添加到input框中
            var img_url_input = $('#img-url');
            img_url_input.val(file.name);
        }
    })
});